import React from "react"
import {connect} from "react-redux";
import 'antd/dist/antd.css';
import './index.less'
import ProjectLeft from "./ProjectLeft";
import ProjectRight from "./ProjectRight";
import HomeHeader from "./HomeHeader";
import {Layout, Breadcrumb} from 'antd';
import {Footer} from "antd/es/layout/layout";
const { Content } = Layout;


@connect(
    state => state.user
)
class HomeLogout extends React.Component {


    state = {
        collapsed: false,
    };

    toggle = () => {
        this.setState({
            collapsed: !this.state.collapsed,
        });
    };

    render() {
        return (
            <Layout className="manager-admin">
                <HomeHeader />
                <Content className="manager-content">
                    <Breadcrumb className="manager-bread">
                        <Breadcrumb.Item>首页</Breadcrumb.Item>
                        <Breadcrumb.Item>项目列表</Breadcrumb.Item>
                        <Breadcrumb.Item>当前项目</Breadcrumb.Item>
                    </Breadcrumb>
                    <div className="manager-area">
                        <ProjectLeft />
                        <ProjectRight />
                    </div>
                </Content>
                <Footer className="manager-footer">Ant Design ©2018 Created by Ant UED</Footer>
            </Layout>
        )
    }
}

export default HomeLogout;